<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style type="text/css">
			.all{
				height:100%;
				width: 90%;
			    background:url(img/Mc_bg_open.jpg)no-repeat;
			    background-size: 110%;
			    overflow: hidden;
			    margin: 0 auto;
			}
		</style>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
		<div class="mobile">
			<div class="all">
				<img class="Btn_sound" src="img/Btn_sound1.png" alt="" />
				<div class="logo">
					<img src="img/Mc_logo.png" alt="" />
				</div>
				<div class="title">
					<img src="img/Mc_txt_open.png"/>
				</div>
				<div class="rule">
					<div class="gameRule"><img src="img/gameRule.png" alt="" /></div>
					<img class="rank" src="img/Btn_rank.png" alt="" />
				</div>
				<div class="role">
					<img src="img/man.png" alt=""/>
					<img src="img/Mc_role2.png" alt="" />
					<img src="img/Mc_show.png"/>
				</div>
				<div class="start">
					<img class="btnBegin" src="img/Btn_start.png" alt="" />
					<img src="img/Mc_hammer.png" alt="" class="chui" />
					
				</div>
				<div class="gameRle">
					<img class="ruleImg" src="img/gameRule.png" alt="" />
					<div class="jiangli">
						<img src="img/jiangli.png" alt="" />
					</div>
					<img class="start" src="img/Btn_play.png" alt="" />
				</div>
				<div class="ranking">
					<img class="rankImg" src="img/paihang.png" alt="" />
					<div class="jiangli">
						
					</div>
					<img class="back" src="img/Btn_back.png" alt="" />
				</div>
			</div>
			<div class="Mask"></div>
			<audio autoplay="autoplay" loop="loop" class="au">
			  <!--<source src="horse.ogg" type="audio/ogg">-->
			  <source src="img/Sound_bg.mp3" type="audio/mpeg">
				您的浏览器不支持 audio 元素。
			</audio>
			<div class="btnBgm">
				<img src="img/Btn_sound1.png" alt=""/>
			</div>
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/index.js"></script>
		<script type="text/javascript">
			$("img").eq(4).on("click",function(){
				window.location.href="game.html";
			})
				var isClick = true;
			$(".btnBgm").on("click",function(){
					isClick=!isClick;
				if(isClick){
					$(".au")[0].play();
				}else{
					$(".au")[0].pause();
				}
			})
		</script>
	</body>
</html>
